import Vue from "vue";
import Router from "vue-router";


import goal from "../views/index.vue";
import canvas from "../views/canvas/index.vue";
import domRect from "../views/somethingInteresting/domRect.vue";
import websocket from "../views/somethingInteresting/websocket.vue";
import proxy from "../views/somethingInteresting/proxy.vue";
import arrow from "../views/somethingInteresting/arrow.vue";
import copy from "../views/somethingInteresting/copy.vue";
import paste from "../views/somethingInteresting/paste.vue";
import router from "../views/somethingInteresting/router.vue";
import domResize from "../views/somethingInteresting/domResize.vue";
import ast from "../views/somethingInteresting/ast.vue";
import sticky from "../views/css/sticky.vue";
import worker from "../views/worker/index.vue";
import serviceWorker from "../views/worker/service.vue";
import halfPixel from "../views/css/half-pixel.vue";
import pointerEvents from "../views/css/pointer-events.vue";
import tcp from "../views/network/tcp.vue";
import loader from "../views/webpack/loader.vue";
import plugins from "../views/webpack/plugin.vue";
import sourcemap from "../views/webpack/sourcemap.vue";
import webpack from "../views/webpack/hash.vue";
import module from "../views/module/index.vue";
import postcss from "../views/somethingInteresting/postcss.vue";
import dynamic from '../views/algorithm/dynamic.vue';

Vue.use(Router);
 
export default new Router({
    routes: [
        {
            path: '/',
            redirect: '/canvas'
        },
        {
            path: '/goal',
            name: 'goal',
            component: goal
        },
        {
            path: '/tcp',
            name: 'tcp',
            component: tcp
        },
        {
            path: '/loader',
            name: 'loader',
            component: loader
        },
        {
            path: '/plugins',
            name: 'plugins',
            component: plugins
        },
        {
            path: '/webpack',
            name: 'webpack',
            component: webpack
        },
        {
            path: '/sourcemap',
            name: 'sourcemap',
            component: sourcemap
        },
        {
            path: '/canvas',
            name: 'canvas',
            component: canvas
        },
        {
            path: '/websocket',
            name: 'websocket',
            component: websocket
        },
        {
            path: '/proxy',
            name: 'proxy',
            component: proxy
        },
        {
            path: '/domRect',
            name: 'domRect',
            component: domRect
        },
        {
            path: '/sticky',
            name: 'sticky',
            component: sticky
        },
        {
            path: '/halfPixel',
            name: 'halfPixel',
            component: halfPixel
        },
        {
            path: '/pointerEvents',
            name: 'pointerEvents',
            component: pointerEvents
        },
        {
            path: '/serviceWorker',
            name: 'serviceWorker',
            component: serviceWorker
        },
        {
            path: '/worker',
            name: 'worker',
            component: worker
        },
        {
            path: '/arrow',
            name: 'arrow',
            component: arrow
        },
        {
            path: '/router',
            name: 'router',
            component: router
        },
        {
            path: '/domResize',
            name: 'domResize',
            component: domResize
        },
        {
            path: '/module',
            name: 'module',
            component: module
        },
        {
            path: '/ast',
            name: 'ast',
            component: ast
        },
        {
            path: '/postcss',
            name: 'postcss',
            component: postcss
        },
        {
            path: '/dynamic',
            name: 'dynamic',
            component: dynamic
        },
        {
            path: '/copy',
            name: 'copy',
            component: copy
        },
        {
            path: '/paste',
            name: 'paste',
            component: paste
        }
    ]
})